/* Date: 2/27/2013 / AFL Temp Cart from Eaton Demo Site Template */

@import url(https://vcore-web.cgraphics.com/ssqlimages/haywar/style/MuseoSans_300.otf);

@font-face {
  font-family: MuseoSans-300;
  src: url(https://vcore-web.cgraphics.com/ssqlimages/haywar/style/MuseoSans_300.otf);
}



h1, h2, h3, h4, h5, th, td, tr .title, legend {
    font-family: 'MuseoSans-300', sans-serif;
}
p, span, label, li, dd, a, ul{
    font-family: 'MuseoSans-300', sans-serif;
}
label {
    font-family: 'MuseoSans-300', sans-serif;
}
label#lblLinesCount {
    font-family: 'MuseoSans-300', sans-serif;
}

label#lblCartTotAmt {
    font-family: 'MuseoSans-300', sans-serif;
}

html{
	background-color: #FFFFFF;
	height: 100%;
}

body{
	height: 100%;
}

#MainDiv{
	height: 100%;
}

#MainTable{
	height: 100%;
}

/* Login */

#divLogin { 
    background-image: url(login.png);
    height: 339px;
    width: 537px; 
    background-image: no-repeat; 
    /*box-shadow: 12px 12px 15px #555555;*/
}

#bodyLOGIN #MainTable { 
	width: 537px !important; 
	height: 338px !important;
	margin: 0 auto; 
}

#divLoginPM { 
	padding-top: 150px; 
	padding-right: 10px;
}

li#liEmailPwd{
	padding-top: 10px;
}

#bodyLOGIN{
	background-color: #FFF;
	background-image: repeat;
}

#bodyLOGIN #MainDiv {
	margin-top: 45px;
}

#MainTable{
	width: 100%;
	height: 100%; 
}

#bodyLOGIN #MainTable { background-color: #FFFFFF; }

#bodyLOGIN #MainTable #MainCol {
    height: 338px; 
    width: 537px; 
}

#bodyLOGIN #MainTable #MainCol #NonHeadFoot #trOeFrame #tdContent #Content {
    background-color: #FFFFFF; 
}

#tblLoginPM tr td {
	padding-bottom: 5px;
}

#liEmailPwd {
	padding-top: 5px;
}


#LoginPgContact {
	text-align: center;
	font-size: 11pt; 
	font-weight: regular;
}

#LoginPgContact a {
	font-size: 11pt;
}

#LoginPgBrowser {
	font-size: 9pt;
	padding-top: 5px;
}

#divLoginError {
    color: #FF0000;
}


/* Forgot Password? */	

#divEmlPwdHdr {
	text-align: center;
}

#EmlPwdSent {
	text-align: center;
}

#divEmlPwdFtr {
	text-align: center;
}

#ForgotPWHead2 {
	padding-bottom: 15px;
}

#ForgotPWFoot {
	margin-top: -20px;
	padding-bottom: 25px;
	color: #FF0000;
}

#ForgotPWFoot2 {
	padding-bottom: 10px;
}

#tblEmlPwdNote {
	display: none !important;
}

#tblEmlPwdCustDet tr td {
	padding-top: 5px;
}

#clsUserIdtag {
	padding-right: 8px;
}

/* Resume Order */
#bodyEXISTORDER #existorder {
    margin-top: 60px;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    background-color: #c5ccd3;
    padding-top: 50px;
    padding-bottom: 75px;
    border: 2px outset;
}

#bodyEXISTORDER #existorder h1 {
    font-size: 28px;
}

#bodyEXISTORDER label#UNSORDLastUpd {
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
}

#bodyEXISTORDER input:hover {
    background-color: #98CAEC;
    color: #000000;
    font-weight: bold;
}
	
/* Global */
h1 { font-size: 19px; color: #004282;}
h2 { font-size: 16px; color: #004282;}
h3 { padding: 20px; }

* {
    font-size: 14px;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
}

#Content a {
    font-size: 14px;
}

/*div#Content{
    width:83%;
}*/
div#Content {
    width: 98%;
    margin-left: 1%;
}

#LeftBar{
    height: 450px; 
	width: 212px;
}
	
#tdLeftBar { 
    vertical-align: top;
    width: 215px;
    }

body { background-color: #FFF; }
#MainTable { background-color: #FFF; }

/* Category Thumbs & Main Page */

#tblCatImages tr td { 
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 25px;
	padding-right: 25px;
	width: 256px;
}

#tblCatImages tr td img{
	max-width: 100%;
}

#tblCatImages a{
	text-decoration: none; 
	font-weight: bolder;
	font-size: 18px;
	color: #555555;
}

#tblCatImages a:hover{
	color: #98CAEC;
}

/* Offer List Page */

#bodyOFFERS table#PmOffTable:before {
    content: "";
    font-weight: bold;
    font-size: 28px;
    margin-bottom: 0px;
    margin-top: 13px;
    display: inline-block;
    width: 100%;
    height: auto;
    margin-left: 5px;
    /*text-decoration: underline;*/
    font-family: 'DINPro-Bold', sans-serif;
    color: #0082c8;
}

#bodyOFFERS table#PmOffTable {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

#MAINTWARNdiv {
	margin-left: auto;
	margin-right: auto;
	width: 680px;
}

#MAINTWARNh2 {
	text-align: center;
	color: #FF0000;
}

.clsOneOffer * { padding: 0; margin: 0; }
.clsOneOffer { margin-bottom: 20px; width: 200px;
    text-align: left; 
    margin-right: 25px; margin-left: 25px;
    }
.clsOffTnFullZoom { padding-right: 50px; float: left; clear: right; }

.clsAvailData { 
	/*color: #FF0000;
	font-weight: bold;*/	
}

.clsDESCData a {
    text-decoration: none;
}

a:link .clsDESCData, a:visited .clsDESCData { 
    color: #004282; 
    text-decoration: underline; 
    font-weight: bold;
	font-size: 16px; 
}

a:hover .clsDESCData { 
	color: #0082c8;
	font-weight: bold;
	font-size: 16px;
}

.clsPDFData a { 
    color: #0082c8 !important; 
    font-weight: bold;
	text-decoration: underline; 
    font-size: 14px; 
}

#PmOffTable tr th {
    padding-left: 20px;
    padding-right: 20px;
    color: #ffffff;
    background-color: #0082c8;
    padding-top: 4px;
    padding-bottom: 4px;
}

#PmOffTable tr td { 
	width: 25%;
	padding-top: 7px;
    padding-bottom: 7px;
	border-style: none;
	border-width: 2px;
	border-color: #999;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
}

td.clsPriceGridDtlPrice::after {
    content: " each";
}

/*#bodyOFFERS .clsOrdQtyData input {
    margin-top: 5px;
}*/

.clsOrdQtyData select {
    margin-left: 10px;
}

#bodyOFFERS table#PmOffTable tr td {
    vertical-align: middle;
}

#bodyOFFERS tr.clsOfferEvenRow {
    background-color: #c5ccd3;
}

#bodyOFFERS table#PmOffTable tr, #bodyOFFERS table#PmOffTable tr td {
    border: 0px solid lightgray;
}



.clsOeButton:hover {
	background: #0082c8;
	color: white;
}

#bodyOFFERS .clsOeButton:hover{
	background: #0082c8;
	color: white;
}

@media (max-width: 1050px) { 
#PmOffTable tr td { 
    display: block;

}
}



/* Consumer Site Only - Offer List Footer */

#FootBrowserDIV {
	padding-bottom: 10px;
}

#FootBrowserTxt { 
   text-align: center;
}


/* Offer Detail */
#pmOfferDetail .clsOneOffer { 
	width: 87%;
}

#pmOfferDetail {
	margin-top: 15px;
}

#pmOfferDetail .clsOneOffer * { padding: 0; margin: 0px; }
#pmOfferDetail .clsDESCData {
    color: #0082c8;
    font-family: DINPro-Bold;
    font-size: 26px;
}
#pmOfferDetail .clsOffTNFullLink { padding-right: 10px; float: left; height: 280px; }
.clsOffMicro { clear: left; float: left; }

#bodyOFFDET .clsCommentsData {
    white-space: pre-line;
}

#divOffTable {
	padding-top: 0px;
}

#divOffTable  .clsOneOffer ul {
	padding-bottom: 7px;
}

#pmOfferDetail .clsOeButton {
    width: 130px;
    padding-top: 10px;
    padding-bottom: 10px;
}

/* Left Bar */
#LeftBar{
  background: #0082c8;
  height: auto;
  padding-bottom: 10px;
  border-bottom-right-radius: 10px;
}
.leftbardiv { 
width: 200px;
border: solid; 
border-color:#0082c8;
margin: 0; 
padding-bottom: 0px; 
}
.leftbardiv #pmCartInfo, .leftbardiv #SbCats, .leftbardiv #liOrdHist, .leftbardiv #user-controls-box{
  background: #fff;
  padding: 10px 5px;
  border-radius: 0px 0px 8px 0px;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-topleft: 0px;
	behavior: url(/PIE/PIE.htc);
}
.leftbardiv #homelink{
  background: #fff;
  padding: 5px 5px 5px 15px;
}
.leftbardiv #SbCats{
  padding: 0;
  text-align: left;
}
#hrefBackToStart {
	font-weight: 800;
	color: #0082c8 !important;
	/*font-size: 20px !important;*/
}

#dlCatLvl1CstCat dd{
  margin: 0;
}

.hassub{
  background-image: url(arrow-down.jpg) !important;
  background-repeat: no-repeat !important;
  background-position: right top !important;
}
.current.hassub{
  background-image: url(arrow-up.jpg) !important;
}

.leftbardiv dl dd{
  background: #FFFFFF;
  border-top: 1px solid #999;
  margin: 0;
  padding: 5px 15px;
}



.leftbardiv dl dd dl#dlCatLvl2 dd{
  background: #bbb;
  border-top: 1px solid #999;
  margin: 0;
  padding: 5px 15px;
}
.leftbardiv dl dd dl#dlCatLvl2{
  margin: 5px -15px -5px;
}

.leftbardiv dl#dlCatLvl1 dd.clsCatTree1:last-child{
  border-radius: 0px 0px 8px 0px;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-topleft: 0px;
	behavior: url(/PIE/PIE.htc);
}

#LeftBar a:link, #LeftBar a:visited { 
    /*color: #004282; */
    color: #000000;
    text-decoration: none; 
    font-size: 14px; 
}
    
#LeftBar a:hover { 
	color: #0082c8;
	font-weight: normal; 
}

li#ddCartGo {
    padding: 0px;
    text-align: center;
    margin-top: 8px;
    font-weight: bold;
    margin-bottom: 5px;
}

li#ddCartGo a:hover {
    font-weight: bold;
    background-color: #0082c8;
}

li#ddCartGo a {
    padding: 5px 10px 5px 10px;
    color: #ffffff !important;
    /*border: 2px solid #0082c8;
    background-color: #98CAEC;*/
    background-color: #f47c00;
    border-radius: 5px;
}

#LeftBar a#hrefBackToStart:hover {
    color: #004282 !important;
    font-weight: bold;
}

#ulCartDet li label { padding-right: 4px; }
#budgetinfo div { text-align: left; padding-left: 5px; } 
#divRSTRTP1Desc { font-weight: bold; }
#divRSTRTPCartBudgetBalance, #divRSTRTP1BudgetAmt { margin-top: 5px; }

.leftbardiv { text-align: left; 
    border-radius: 0px 0px 8px 0px;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-topleft: 0px;
	behavior: url(/PIE/PIE.htc);
	position: relative;
}

.title { 
    text-align: left;
    color: #FFF;
    font-size: 12pt;
    font-weight: bold;
    /* margin-bottom: 5px; */
    background-color: #0082c8;
    padding-top: 5px;
    padding-bottom: 3px;
    padding-left: 12px;
    border: 1px solid #ffffff;
}

.title { 
	-webkit-border-top-right-radius: 0px;
	-webkit-border-top-left-radius: 0px;
	border-radius: 0px 0px 0px 0px;
	behavior: url(/PIE/PIE.htc);
	position: relative;
}

#ulCartDet li{ 
	padding-left: 10px;
	padding-bottom: 5px;
}

#liOrdHist li {
	padding-left: 10px; 
}

#pmPPreEdit{
	padding-left: 10px;
	padding-bottom: 5px;
}

#liAddMaint li {
	padding-left: 10px; 
}

#hrefMyFav {
	padding-left: 10px; 
}

#CurrentCat {
	text-align: left;
}

#CurrentCat a{
	padding-left: 0px;
}

#dlCatLvl1CstCat {
	Text-align: left;
}

#dlCatLvl1CstCat dd{
	margin-left: 0px;
}

#dlCatLvl2CstCat {
	Display: block; 
	Text-align: left;
}

div#user-controls-box ul:hover, ul#liOrdHist li:hover {
    background-color: #98CAEC;
    border-radius: 5px;
}

a#aAddMaint, a#aOrdHist {
    width: 100%;
    display: block;
    margin: 0px !important;
    padding: 0px !important;
}

a#aAddMaint, a#aOrdHist {
    padding-top: 3px;
    padding-bottom: 3px;
}

a#aAddMaint:hover, a#aOrdHist:hover {
    background-color: #98CAEC;
    color: #0082c8;
    border-radius: 5px;
}



#logo{
  position: absolute;
  top: 25px;
  left: 15px;
  cursor: pointer; cursor: hand;
}
img#SecureLogoIMG {
    max-height: 80px;
}
#pmSearch { 
	background: white;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: 5px;
	position: absolute;
	right: 15px; 
	top: 62px; 
}

#liSrchText input{
	    border: 1px solid #898989;
    border-radius: 3px;
    padding: 2px;
}
#SrchText.empty{
  color: #999;
}
input#CheckOutBtn {
    background: #98CAEC;
}
.clsOeButton{
	background: #f47c00;
	border: 0;
	padding: 4px 24px;
	border-radius: 4px;
	color: white;
}


#ulLogout a {
	color: #f47c00;
    font-size: 11pt;
	font-weight: bold;
}

#pmPreEdit { 
	font-size: 11px;
	font-weight: bold;
	position: absolute;
	top: 10px;
	left: 620px;
	width: 250px;
}
#pmPreEdit .clsOeButton{
	margin-top: -5px;
}
input#PreEditBtn {
    background: #98CAEC;
    color: #0082c8;
}
input#SrchBtn {
    background: #f47c00;
    color: #ffffff;
}

input#SrchBtn:hover {
    background: #0082c8;
    color: #ffffff;
}
#HeadBar { 
	/*background-image: -ms-linear-gradient(bottom, #005294 50%, #003B72 100%);
	background-image: -moz-linear-gradient(bottom, #005294 50%, #003B72 100%);
	background-image: -o-linear-gradient(bottom, #005294 50%, #003B72 100%);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #005294), color-stop(1, #003B72));
	background-image: -webkit-linear-gradient(bottom, #005294 50%, #003B72 100%); 
	background-image: linear-gradient(to top, #005294 50%, #003B72 100%);*/
	min-height: 126px; position: relative; 
    border-bottom: 8px solid #0082c8;
    background-color: #FFFFFF;
	 
}
div#pmPreEdit {
    color: #FFF;
}
#ulPreName, #liPreEdit { 
	float: left; 
	padding-top: 2px; 
}
#ulLogout { 
	float: right; 
	padding-top: 10px; 
	padding-right: 15px; 
}

#imgbar1-4 { 
	padding-top: 30px; 
	clear: left; 
	float: left; 
}

#SbCats { 
   text-align: center; 
    display: block; 
    clear: left; 
}

/* Consumer Site Only - Headbar */

#StoreHeadSpacer {
	height: 28px;
}

/*Current Category Bread Crumb*/

.clsCommentsData { font-weight: normal; }
#catPath { float: left; margin-top: 77px; margin-left: 20px; background: #FFF; padding: 3px 0px; width: 100%; }
#catPath ul li { float: left; list-style-type: none; border-left: dotted 2px #0082c8; padding-left: 10px; margin-left: 10px; }
#catPath a:link, #catPath a:visited { text-decoration: none; color: #f47c00; font-weight: bold; font-size: 15px; }
#catPath a:hover { text-decoration: underline; }

#0082c8

/*#HeadBar #SbCatMenu dl dd { 
    float: left; 
    background-image: url(img2.gif); 
    background-repeat: no-repeat; 
    width: 118px; height: 23px;
    padding-top: 10px;
    text-align: center; 
}
#dlCatLvl1, #SbCatMenu { 
    margin-left: 120px; 
    margin-right: auto; 
    width: 600px; 
	z-index: 2000;
}

#HeadBar #SbCatMenu dl dd a:link, #HeadBar #SbCatMenu dl dd a:visited { 
    color: #FFF; 
    font-weight: bold; 
    font-size: 13px; 
    text-decoration: none; 
}

#HeadBar #SbCatMenu .clsCatLvl2 { clear: left; float: left; display: none; }
#HeadBar #SbCatMenu .clsCatTree1:hover .clsCatLvl2  { margin-left: -9px; background-color: #e7e7e7; padding: 10px; border: solid 1px #9ac1c9; z-index: 2000; display: block; position: absolute; margin-top: 6px; }
#HeadBar #SbCatMenu .clsCatTree1:hover .clsCatLvl2 dd { background-image: none; clear: left; }
#HeadBar #SbCats .clsCTree1 .clsOffCat2 dd { display: list-item; }
#HeadBar #SbCats #SbCatMenu .clsCTree1 .clsOffCat2 dd a:link, #HeadBar #SbCats #SbCatMenu .clsCTree1 .clsOffCat2 dd a:visited { font-weight: normal; font-size: 12px; color: #004282; font-family: verdana; }
#HeadBar #SbCats #SbCatMenu .clsCTree1 .clsOffCat2 dd a:hover { color: #333; }
#HeadBar #SbCats #SbCatMenu dd.clsCatTree1 a, #HeadBar #SbCats #SbCatMenu dd.clsCatLvl2 { display: list-item; }
#Content ul.clsOffField { font-weight: bold; margin-top: 10px; margin-bottom: 3px; }

#HeadBar #SbCatMenu dl dd#CatImg5 { 
    width: 120px;
    background-image: url(img1bg.gif); 
}

#HeadBar #SbCatMenu dl dd#CatImg9 { 
    width: 120px; 
    background-image: url(img3.gif); 
}
*/

/* FootBar */

#FootBar a:link, #FootBar a:visited {     
	font-size: 14px;
	color: #004282; 
    text-decoration: none; 
    font-weight: bold;
	margin-top: 20px;
}

.clsOffCat1cctree dd { float: left; padding-left: 20px;  }
.clsOffCat1cctree  { width: 100%; }

#FootBar #SbCats dl dd { 
	list-style-type: none; 
	display: inline; 
	padding: 10px; 
	padding-left: 20px;
}

#FootBar #SbCats .clsCatTree1 dd {
	padding-top: 20px;
}

/*#FootBar { 
	background-color: #FFF; 
	text-align: center;  
	color: #999; 
	margin-top:15%; 	
	height: 10%; 	/*
	/*background-image: -ms-linear-gradient(bottom, #fec674 50%, #c1c0c0 100%);
	background-image: -moz-linear-gradient(bottom, #fec674 50%, #c1c0c0 100%);
	background-image: -o-linear-gradient(bottom, #fec674 50%, #c1c0c0 100%);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #c1c0c0), color-stop(1, #c1c0c0));
	background-image: -webkit-linear-gradient(bottom, #fec674 50%, #c1c0c0 100%);*/ 
	/*background-image: linear-gradient(to top, #d0cbcb 50%, #999 100%);
	background-repeat: repeat-x; 
	background-position: bottom center;
	position: relative;
    width: 100%;
}*/
#FootBar {
    background-color: #f2f2f2;
    text-align: center;
    color: #FFF;
    margin-top: 15%;
    height: 15%;
    position: relative;
    width: 100%;
    bottom: 0;
    -webkit-box-shadow: 0px -4px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px -4px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px -4px 5px 0px rgba(0,0,0,0.75)
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#FootBar { 
		margin-top: 25%;
	}
}

#FootBar #GettingITRight {
    background-position: bottom center;
    width: 15%;
    padding-top: 15px;
    padding-bottom: 15px;
}
#FooterCopyW {
    position: absolute;
	bottom: 15%;
    text-align: center;
	display: grid;
	font-size: 12px;
    width: 100%;
}

p#FooterCopyW{
	color: #0082c8;
	
}

/* Shopping Cart */
#PmOffCart { width: 100%; }
#PmOffCart th { border: none; border-bottom: solid 1px #333; }

tr.clsCartEvenRow {
    background-color: #98CAEC;
}

#PmOffCart .clsTNData img { 
	width: 25%; 
	margin-top: 5px;
}

#pmCart h1 {
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 38px;
}

#pmCart {
	padding-left: 10px;
}

#PmOffCart tr .clsTotTag, #PmOffCart tr .clsTotData {
    text-align: right;
}

#PmOffCart tr th {
    color: #ffffff;
    background-color: #0082c8;
    padding-top: 8px;
    padding-bottom: 4px;
}

#PmOffCart tr td {
    text-align: left;
}

td.clsRemoveData {
	padding-left: 20px !important;
}

#OrdLimitTag {
	text-align: center;
}

#OrdLimitData {
	text-align: center;
}

#bodySUMMARY #LeftBar #SbCats, #bodySUMMARY #LeftBar div#CurrentCat {
    display: none;
}

body#bodyCART #PmOffCart tr td {
    text-align: left;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid lightgray;
}

body#bodyCART td.clsRemoveData {
    /*border: none !important;*/
}

body#bodyCART #PmOffCart tr td label {
    margin-left: 10px;
}

body#bodyCART #PmOffCart tr th {
    padding-left: 10px;
}

body#bodyCART .clsTNData {
    /*border: none !important;*/
}

body#bodyCART #PmOffCart tr td input {
    margin-left: 10px;
}

body#bodyCART #PmOffCart tr:last-child td {
    margin-top: -10px;
    text-align: right;
}

body#bodyCART #PmOffCart tr:nth-last-child(2) td {
    margin-top: -10px;
    text-align: right;
}

body#bodyCART td#DESCData, body#bodyCART td#IDData {
    padding-left: 10px;
}

body#bodyCART td#MerTotText, td#MerTotAmt, td#ShpTotText, td#ShpTotAmt {
    border: none !important;
}

body#bodyCART td#MerTotText, td#ShpTotText {
    text-align: right !important;
    padding-right: 5px;
}

body#bodyCART .clsUpriceData input {
    -webkit-appearance: none;
    appearance: none;
    border: none;
    background-color: transparent;
}

input#btnCartCont {
    display: block;
    margin-top: 25px;
    margin-left: -1px;
    background-color: #f47c00;
}

input#btnCartCont:hover {
    display: block;
    margin-top: 25px;
    margin-left: -1px;
    background-color: #0082c8;
}

td#TNData img {
    margin-left: auto;
    margin-right: auto;
    display: inherit;
}

/* Ship To: Page */

#divStoInfo {
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
}

#ShipToAttn {
	/*text-align: center;
	color: #FF0000; 
	font-size: 13pt; 
	font-weight: bold;*/
	display: none;
}

#ShipToSaveRemind {
	text-align: center;
}

#ShipRequirementsUL {
	list-style-type: circle !important;
}

#ShipRequirementsUL li{
	padding-top: 8px;
	font-weight: bold;
}

#LookupProd {
	width: 97%;
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
}

#bodySTO h1 {
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 38px;
}

#bodySTO h2 {
    text-align: center;
    margin-top: -15px;
}

#bodySTO label.clsAddTag[for="STOCRFlag"], #bodySTO input#STOCRFlag {
    display: none !important;
}

/*ul#OBYDispBlock li {
    border: 1px solid #666666;
    padding: 5px;
    border-radius: 5px;
    background-color: #c5ccd3;
    margin-top: 10px;
}

ul#OBYDispBlock li:before {
    border: 1px solid #666666;
    padding: 5px;
    border-radius: 5px;
    background-color: #666666;
    margin-top: 10px;
    width: auto;
    display: inline-block;
    margin-right: 10px;
    color: #ffffff;
}*/

li#aLineOBY:before {
    content: "Name: ";
    font-family: Helvetica-Neue-Med;
}

li#titleOBY:before {
    content: "Title: ";
    font-family: Helvetica-Neue-Med;
}

li#companyOBY:before {
    content: "Company: ";
    font-family: Helvetica-Neue-Med;
}

li#address1OBY:before {
    content: "Street Address: ";
    font-family: Helvetica-Neue-Med;
}
li#cszOBY:before {
    content: "City, State, Zip: ";
    font-family: Helvetica-Neue-Med;
}

li#countryOBY:before {
    content: "Country: ";
    font-family: Helvetica-Neue-Med;
}



/*li#address1OBY {
    margin-bottom: -10px !important;
    border-bottom: none !important;
}*/

.DispNameAdd div ul li {
    margin-top: 4px;
    margin-bottom: 2px;
}

.DispNameAdd span {
    font-family: Helvetica-Neue-Med;
    font-size: 16px;
}

.DispNameAdd div {
    border-right: 3px solid lightgray;
    min-height: 370px;
}

/* Ship Options Page */

#AddlCheck{
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
}

img#ShippingMap{
    
    display: block;
    position: static;
 
}

#shiptext {
	margin-top: 15px;
	color: #FF0000;
    text-align: center;
}

#shiptext a {
	font-size: 14px;
}

#Add10 {
	margin-right: 5px;
}

#AddlInfo {
	width: 95%;
}

body#bodySPCCHECK h1 {
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 38px;
}

body#bodySPCCHECK table#PmOffCart tr th, body#bodySPCCHECK table#PmOffCart tr td {
    padding-left: 10px;
}

body#bodySPCCHECK table#PmOffCart tr td {
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid lightgray;
}

body#bodySPCCHECK td#MerTotText {
    border: none !important;
}

/* Checkout Page */

#AddlSumm {
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
}

#btnModifyOBY {
	margin-top: 5px;
}

#btnModifySTO {
	margin-top: 5px;
}

.clsfldAddlCheck {
    margin-top: 10px;
}

.clsfldAddlCheck legend, .clsfldAddlSumm legend {
    font-size: 22px;
}

#fldAddlSumm1, #fldAddlSumm2 { width: 46%; float: left; }
#fldAddlSumm3 { clear: left; }
.clsfldAddlSumm { margin-left: 5px; margin-right: 5px; }

input#CheckOutBtn {
    background: #f47c00;
    padding: 5px 35px 5px 35px;
    color: #ffffff;
    font-weight: bold;
    margin-bottom: 8px;

}
input#CheckOutBtn:hover {
    background: #0082c8;
    border: 1px solid #ffffff;
}

#liAddlHead{
	margin-bottom: 50px;
}

body#bodySUMMARY #PmOffCart tr td {
    text-align: left;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid lightgray;
}

body#bodySUMMARY td.clsRemoveData {
    /*border: none !important;*/
}

body#bodySUMMARY #PmOffCart tr td label {
    margin-left: 10px;
}

body#bodySUMMARY #PmOffCart tr th {
    padding-left: 10px;
}

body#bodySUMMARY .clsTNData {
    /*border: none !important;*/
}

body#bodySUMMARY #PmOffCart tr td input {
    margin-left: 10px;
}

body#bodySUMMARY #PmOffCart tr:last-child td {
    margin-top: -10px;
    text-align: right;
}

body#bodySUMMARY #PmOffCart tr:nth-last-child(2) td {
    margin-top: -10px;
    text-align: right;
}

body#bodySUMMARY td#DESCData, body#bodySUMMARY td#IDData {
    padding-left: 10px;
}

body#bodySUMMARY td#MerTotText, td#MerTotAmt, td#ShpTotText, td#ShpTotAmt, td#SpcTotText, td#SpcTotAmt {
    border: none !important;
}

body#bodySUMMARY td#MerTotText, td#ShpTotText, td#MerTotAmt {
    text-align: right !important;
    padding-right: 5px;
}

li#FullNameOBY:before {
    content: "Name: ";
    font-family: Helvetica-Neue-Med;
}

li#TitleOBY:before {
    content: "Title: ";
    font-family: Helvetica-Neue-Med;
}

li#CompanyOBY:before {
    content: "Company: ";
    font-family: Helvetica-Neue-Med;
}

li#Add1OBY:before {
    content: "Address: ";
    font-family: Helvetica-Neue-Med;
}

li#CityOBY:before {
    content: "City: ";
    font-family: Helvetica-Neue-Med;
}

li#StateOBY:before {
    content: "State: ";
    font-family: Helvetica-Neue-Med;
}

li#ZipOBY:before {
    content: "Zip: ";
    font-family: Helvetica-Neue-Med;
}

li#CountryOBY:before {
    content: "Country: ";
    font-family: Helvetica-Neue-Med;
}

#bodySUMMARY h1 {
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 38px;
}

#bodySUMMARY h2 {
    text-align: center;
    margin-top: -15px;
}

/*li#EmailOBY:before {
    content: "Email: ";
    font-family: Helvetica-Neue-Med;
}*/




/*li#liAddlHead:after {
    content: "Test 123";
}*/

/* Splash Page */

#AddlSplash {
	padding-left: 10px;
	padding-bottom: 5px;
}

#btnLogout {
	margin-LEFT: 2PX;}

#btnModify {margin-left: 1px;}	

#btnSubmit {margin-right: 1px;}k
	
#fldAddlSplash3 {
	clear: left;
}

#bodySPLASH #LeftBar #SbCats, #bodySPLASH #LeftBar div#CurrentCat, #bodySPLASH #LeftBar #shopCartTitle {
    display: none;
}

/* ADDRESS BOOK*/

body#bodyADDRESSBOOK div#Content {
    margin-left: auto;
    margin-right: auto;
}

body#bodyADDRESSBOOK div#searchHdr {
    margin-top: 2%;
    margin-bottom: 2%;
}

body#bodyADDRESSBOOK th.clsLookupTag {
    text-align: left !important;
    margin-left: 15%;
    width: auto;
    display: block;
}

body#bodyADDRESSBOOK td#tdvar1 input {
    margin-left: 8px;
}

body#bodyADDRESSBOOK fieldset:first-child a {
    display: none !important;
}

body#bodyADDRESSBOOK fieldset:nth-of-type(3) table tr th a {
    display: none !important;
}

body#bodyADDRESSBOOK .LookupResults fieldset:first-of-type table:nth-of-type(3) {
    margin-top: 10px;
    width: 100%;
    display: table;
}

body#bodyADDRESSBOOK .LookupResults fieldset:first-of-type table:nth-of-type(3) tr th {
    background: #e3e3e3;
    /*background-image: url(textures/highlight.png);*/
    background-image: none,-webkit-linear-gradient(top,rgba(255,255,255,.6) 0,rgba(255,255,255,0) 100%);
    background-image: none,-moz-linear-gradient(top,rgba(255,255,255,.6) 0,rgba(255,255,255,0) 100%);
    background-image: none,-o-linear-gradient(top,rgba(255,255,255,.6) 0,rgba(255,255,255,0) 100%);
    background-image: none,linear-gradient(to bottom,rgba(255,255,255,.6) 0,rgba(255,255,255,0) 100%);
    background-position: 50% 50%;
    background-color: #e3e3e3;
    padding: 10px;
}

body#bodyADDRESSBOOK .LookupResults fieldset:first-of-type table:nth-of-type(3) tr th a {
    text-decoration: none;
}

body#bodyADDRESSBOOK .LookupResults fieldset:first-of-type table:nth-of-type(3) tr td {
    padding: 10px
}

body#bodyADDRESSBOOK .LookupResults fieldset:first-of-type table:nth-of-type(3) tr:nth-of-type(2n+3) {
    background: #c5ccd3;
    padding: 10px
}

body#bodyADDRESSBOOK .LookupResults fieldset:first-of-type table:nth-of-type(3) tr td a {
    text-decoration: none;
}

body#bodyADDRESSBOOK .LookupResults fieldset:first-of-type table:nth-of-type(2) tr th {
    display: none;
}

body#bodyADDRESSBOOK .LookupResults fieldset:first-of-type table:first-of-type {
    display: none;
}

body#bodyADDRESSBOOK td#OfferNav3 {
    display: none;
}

body#bodyADDRESSBOOK .LookupResults fieldset:first-of-type {
    /*border-left: none;
    border-right: none;
    border-bottom: none;*/
    margin-top: 0%;
    border-top: none;
}

body#bodyADDRESSBOOK .LookupResults legend {
    display: none;
}

body#bodyADDRESSBOOK .LookupResults center a {
    margin-top: 30px;
    width: auto;
    display: inherit;
}


/* Order Search Page */

#divOrdHistory {
	padding-left: 20px;
	width: 90%;
}

/* Ordered By Page - User Cart Only */

#divObyInfo {
	width: 95%;
	margin-left: 25px;
	margin-top: 15px;
}
sectionHeader{
	text-align: center; 
}

#OrderedByNote {
	width: 450px;
	padding-left: 0px; 
}

#emailLOGIN{
	width: 500px; 
	padding-bottom: 5px; 
}

#LOGINDispBlock li {
	padding-top: 7px;
}

#OrdBy {
	padding-top: 10px;
}

.DispNameAdd{
	display: inline-block;
	margin-top: 20px; 
	/*margin-left: 25%;
	width: 200px; */
	text-align: left;
	color:#000000;
}

#STO{
	display: inline-block;
	width: 850px;
	margin-left: 5%;
	margin-top: -6%;
	position: absolute;

}

#FullNameOBY{
	padding-top:20px;
}

#nameVar1OBY{
	padding-bottom: 20px;
}

#btnBack{
	margin-top: 10px;
}

/* Bill To: Page - Consumer Cart Only */

#divBtoInfo {
	width: 95%;
	margin-left: 25px;
	margin-top: 15px;
}

#BTO {
	padding-top: 15px;
}

#spBTO { 
	font-size: 14px;
	font-weight: bold;
}



#pm-user-info { display: none; }

#NonHeadFoot }
{ clear: left; }
#bodyEXISTORDER #existorder { margin-top: 100px; } 
#bodyEXISTORDER #existorder table { margin-top: 20px; }
#bodyEXISTORDER #NonHeadFoot { min-height: 400px; background-image: url(../logo.jpg); background-repeat: no-repeat; background-position: top left; }
#bodyADDRESSBOOK #HeadBar {
    height: 80px;
    background-image: url(http://smapromail.cgraphics.com/ssqlimages/haywar/style/Hayward-Logo.jpg);
    background-size: 20%;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
}

.clsSpanSto { display: none; }
.DispNameAdd span { font-weight: bold; }
.DispNameAdd { margin-top: 20px; width: 40%; text-align: left; }
#STO { padding-top: 7%; }

#tblAddlCheck { text-align: left; padding: 20px; }
#tblAddlCheck .clsAddTag  { text-align: left; padding: 20px; }
fieldset { padding: 15px; }
div.ui-datepicker { font-size: 14px; width: 220px; }


#liStoOby label { padding-left: 3px; }
.buffer { height: 5px; }
.clsSpanSto { display: none; }
#chkStoOby { margin-right: 5px; }
#clear, #OBYDispBlock { margin: 10px; }
h3 { padding-bottom: 5px; }
#aLineOBY { font-weight: bold; }
#tblShipOptions * { vertical-align: middle; }
.shiptext { margin: 30px; color: #333; font-size: 13px; }
#tblShipOptions tr td { width: 84%; }
.clsTDspchnd { width: 175px; }
#AddlInfo td.clsAddTag { padding-right: 10px; }
fieldset { padding: 10px; }
#fldAddlSumm1 { width: 40%; float: left; }
#fldAddlSumm2 { width: 40%; float: right; }
#fldAddlSumm3, #fldAddlSplash4 { clear: both; }
#fldAddlSumm5 { border: none; }

table#tblShipOptions {
    width: 108%;
}

table { text-align: left; }

#bodyMYFAV #welcometext { display: none; }
#welcometext { text-align: center; }
#liSrtHead { padding-top: 10px; }

/* ProMail Menu */

#pm-menu .x-toolbar { background-color: transparent; background-image: none; }
#pm-menu .x-toolbar .x-btn { background-color: #004282; background-image: none; border-right: solid 1px #fff; }
#pm-menu .x-toolbar .x-btn-over td { background-color: Transparent !important; background-image: none; }
#pm-menu .x-toolbar .x-btn-menu-active td { background-image: none; }
#pm-menu .x-btn button { font: bold 12px Verdana; color: #fff; }
.x-menu-item-text { font: normal 12px Verdana; color: #2f67d1; text-align: left; }
.x-menu-item-text:hover { color: #333 !important; }
.x-menu { background-color: #e7e7e7 !important; background-image: none !important; }
.x-menu-item-active { background-color: Transparent !important; background-image: none; border-color: Transparent !important; color: #333 !important; }
.x-menu-item-active a.x-menu-item { background-color: Transparent !important; color: #333 !important; }
a.x-menu-item { color: #2f67d1 !important; background-color: Transparent; }
a.x-menu-item:active { color: #333333 !important; background-color: Transparent !important; }
#pm-menu .x-btn-mc em.x-btn-arrow { background-image: url("/PMCommon/resources/ext3.2/images/default/button/arrow-white.gif"); }
.x-menu-item-arrow { background-image: url("/PMCommon/resources/ext3.2/images/default/menu/menu-parent-white.gif") !important; }
.x-menu-scroller-bottom { background-image:url("/PMCommon/resources/images/promail/mini-bottom.gif") !important; }
.x-menu-scroller-top { background-image:url("/PMCommon/resources/images/promail/mini-top.gif") !important; }

#bodyADDRESSBOOK *, #bodyCREATEEDITPERSON * { text-align: center; }

#bodyCREATEEDITPERSON .clsAddData input { text-align: left; }
#bodyCREATEEDITPERSON #Content fieldset table td table * { text-align: left; }

#fldAddlSumm4 ul li, #fldAddlSumm5 ul li { padding: 5px; }

legend { font-weight: bold; color: #004282; }
.x-menu-item-active .x-menu-item-text { color: #333 !important; background-color: Transparent !important; }
 
 .clsSgLabel a { 
	vertical-align: middle !important;
	font-size: 11pt !important; 
	color: #004282 !important; 
 }

#tblCatImages {
	text-align: center;
}

.clsClustProdLabel {
	font-weight: bold;
	padding-top: 4px;
	float: left;
}

#SIZE26-1 {
	float: left;
	margin-top: 4px;
	margin-left: 4px;
}

#SIZE1-1 {
	margin-top: 4px;
	margin-left: 4px;
}

#SIZE2-1 {
	margin-top: 4px;
	margin-left: 4px;
}

#SIZE5-1 {
	margin-top: 4px;
	margin-left: 4px;
}

#SIZE6-1 {
	float: left;
	margin-top: 4px;
	margin-left: 4px;
}

#pmPreEdit{
	padding-left: 385px;
	padding-top: 30px; 
}
h1{
	/*color: #555555;*/
    color: #0082c8;
    text-align: center;
}


p{
	/*color: #555555;*/
    color: #000000;
}

label{
	/*color: #555555;*/
    color: #000000;
}

#FooterCopyW{
	/*color: #555555;*/
    color: #000000; 
}

#button1{
	margin-left: 710px;
	margin-top: 10px;
}
#DivAddErr{
	color: red;
	font-weight: bolder;
	font-size: 20px;
}
#NoOrdHistory{
	margin: 200px;
	color: red;
	font-weight: bolder;
	font-size: 30px;

}
#divLoginError{
	font-size: 20px;
	font-weight: bolder;
}

h3{
	text-align: center; 
}
#ShipRequirementsUL{
	text-align: center;
	border: solid;
	border-width: thick
	border-color: #555555;
	color: #555555;
	padding-top: 30px;
	padding-bottom: 30px;
}

#OBYDispBlock li{
	margin-left: -10px;
}
#SpcTotText, #SpcTotAmt{
	font-style: italic;
}
#SpcTaxText, #SpcTaxAmt{
	font-style: italic;
}

#ShpTotText, #ShpTotAmt{
	font-weight: bolder; 
}


#bodyADDRESSBOOK{
	background-color: #FFF;
}


#liAdd4Tag{
	text-align: center; 
	font-size: 30px;
}

#liAdd4Data{
	text-align: center; 
}

#Add4{
	font-size: 30px;
}

#fldAddlSplash2{
	display: inline-block;
	float: left;
	width: 50%; 
}

#fldAddlSplash3{
	display: inline-block;
	float: right;
	width: 40%;
}

#submit1{
	margin-top: 20px;
}

#submit2{
	margin-top: 20px;
	margin-left: 20px;
}

#btnModify{
	margin-left: 20px;
}

#btnSubmit{
	margin-right: 20px;
}

#btnCheckOut{
	margin-right: 5px;
}

#btnCartCont{
	margin-left: 5px;
}
.clsOeButton{
	cursor: hand;
	cursor: pointer;
}








